<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt" %>
<html>
<head>
  <title>我的粉丝</title>
  <link rel="icon" href="./favicon/favicon.ico" type="image/x-icon">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.1/font/bootstrap-icons.css">
</head>
<body class="bg-light">
<div class="container py-4">
  <h4 class="mb-4"><i class="bi bi-heart-fill text-danger"></i> 我的粉丝</h4>

  <c:if test="${empty fanList}">
    <div class="alert alert-info">暂无粉丝</div>
  </c:if>

  <div class="row g-3">
    <c:forEach items="${fanList}" var="fan">
      <div class="col-md-4">
        <div class="card shadow-sm">
          <div class="card-body">
            <h6 class="card-title mb-1">
              <i class="bi bi-person-circle"></i> ${fan.username}
            </h6>
<%--            <small class="text-muted">--%>
<%--              <i class="bi bi-calendar"></i>--%>
<%--              <fmt:formatDate value="${fan.createTime}" pattern="yyyy-MM-dd HH:mm"/>--%>
<%--            </small>--%>

            <small class="text-muted">
              <i class="bi bi-calendar"></i>
                ${followee.createTime}
            </small>

          </div>
        </div>
      </div>
    </c:forEach>
  </div>
  <div class="mt-4">
    <a href="javascript:history.back()" class="btn btn-secondary btn-sm">
      <i class="bi bi-arrow-left"></i> 返回
    </a>
  </div>
</div>
</body>
</html>